<template>
    <div class="homepage-wrap">
        <el-container style="height: 100%;">
            <el-header class="header">
                <el-row class="headermian">
                    <el-col :span="24">
                        <el-row>
                            <el-col :span="4">
                                <div class="grid-content bg-purple">
                                    <div class="header-logo">
                                        <img style="margin: 10px 0px 0px 0px;"src="../assets/xylogo.png" alt="">
                                    </div>
                                </div>
                            </el-col>
                            <el-col :span="14">
                                <div class="grid-content bg-purple-light">
                                    <ul class="menu" data-stat-page="navBar">
                                        <li>
                                            <a href="#" target="_blank" data-stat-pos="homepage" class="active">问题反馈</a>
                                        </li>
                                        <li>
                                            <a href="#" data-stat-pos="product">意见反馈</a>
                                        </li>
                                        <li>
                                            <a href="#" target="_blank" data-stat-pos="iosMarket">反馈记录</a>
                                        </li>
                                    </ul>
                                </div>
                            </el-col>
                            <el-col :span="6">
                                <div class="grid-content bg-purple">
                                    <div class="usernav">
                                        <ul style="border-right: none; padding: 0px; margin: 0px;">
                                            <li><i class="line"></i></li>
                                            <li><img class="img-circle " src="../assets/admin-icon.png"></li>
                                            <li class="user-name">
                                                <el-dropdown>
                                                    <span class="el-dropdown-link" style="color: #fff">admin<i
                                                    class="el-icon-caret-bottom el-icon--right"
                                                    style="color: #fff;"></i></span>
                                                    <el-dropdown-menu slot="dropdown"
                                                                      style="min-width: 120px; text-align: center">
                                                        <el-dropdown-item>资料修改</el-dropdown-item>
                                                        <el-dropdown-item>个人中心</el-dropdown-item>
                                                        <el-dropdown-item>退出登录</el-dropdown-item>
                                                    </el-dropdown-menu>
                                                </el-dropdown>
                                            </li>
                                            <li><i class="enter-ico"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </el-col>
                        </el-row>
                    </el-col>
                </el-row>
            </el-header>
            <el-main>
                <el-row class="main">
                    <el-col :span="24" style="background: #fff; padding: 16px 10px; margin: 0px 0px 12px 0px;">
                        <div class="grid-content bg-purple-dark">
                            <el-breadcrumb separator="/">
                                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                                <el-breadcrumb-item><a href="/">常见问题</a></el-breadcrumb-item></el-breadcrumb>
                        </div>
                    </el-col>
                    <el-col :span="24" class="maxmain">
                        <div class="grid-content bg-purple-dark">
                            <h1 class="xytit">常见问题</h1>

                            <el-col :span="24">
                                <div class="grid-content bg-purple-dark">

                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>

                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="abg">A</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"><p class="atext">
                                                为什么我的账号，登录不了重点人员管理模块？</p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row style="margin: 10px 0px 10px 0px;">
                                        <el-col :span="1">
                                            <div class="grid-content bg-purple"><span class="qbg">Q</span></div>
                                        </el-col>
                                        <el-col :span="23">
                                            <div class="grid-content bg-purple-light"
                                                 style=" background: #f8f9fa; border-radius: 4px; padding: 6px;">
                                                <p class="qtext">
                                                    我们系统是根据每个人的身份和职位来进行权限划分的，例如局长能访问所有模块，支队长能访问全息画像，重点人员模块，网探APP模块，民警只能访问全息画像模块。
                                                </p>
                                            </div>
                                        </el-col>
                                    </el-row>
                                </div>
                            </el-col>
                            <el-pagination style="float: right; margin: 10px 0px 0px 0px;"
                                           @size-change="handleSizeChange"
                                           @current-change="handleCurrentChange"
                                           :current-page.sync="currentPage3"
                                           :page-size="100"
                                           layout="prev, pager, next, jumper"
                                           :total="1000">
                            </el-pagination>
                        </div>
                    </el-col>
                </el-row>
            </el-main>
            <el-footer class="footer" style="height: 40px;">copyright© 2019 江西优码创达软件技术有限公司 版权所有</el-footer>
        </el-container>
    </div>
</template>

<script>
    export default {
        name: "questionmore"
    }
</script>

<style scoped>
    body {
        padding: 0px;
        margin: 0px;
    }

    .homepage-wrap {
        background: #f5f7f8;
    }

    .header {
        background-image: url("../assets/xyheader.png");
        background-size: cover;
    }

    .headermian {
        width: 1280px;
        height: 60px;
        margin: 0 auto;
    }

    .header-logo {
        width: 136px;
        height: 40px;
        cursor: pointer;
        float: left;
        margin: 0px 60px 0px 0px;
    }

    .menu {
        float: left;
        margin: 0px;
        padding: 0px;

    }

    .menu li {
        float: left;
        margin: auto 45px;
        list-style-type: none;
    }

    .menu li a {
        position: relative;
        display: block;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
        text-decoration: none;
    }

    .menu li a:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        height: 4px;
        opacity: 0;
        background-color: #00c7f2;
        transition: all .2s;
    }

    .menu li a.active:after, .header-neo .menu li a:hover:after {
        left: 0;
        right: 0;
        opacity: 1;
    }

    .usernav {
        height: 60px;
        float: right;
    }

    .usernav > ul li {
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        margin-right: -1px;
        position: relative;
        transition: background-color 0.3s ease 0s;
        cursor: pointer;
    }

    .usernav > ul > .user-name {
        padding: 0px 10px 0px 10px;
    }

    .usernav > ul li a {
        color: #4c4c4c;
        text-decoration: none;
    }

    .enter-ico {
        background-repeat: no-repeat;
        height: 18px;
        width: 18px;
        float: right;
        margin: 22px 10px 0px 10px;
        background-position: left 0px;
        cursor: pointer;
        background-image: url("../assets/xyiocn.png");
    }

    .enter-ico:hover {
        background-position: left -20px;
    }

    .img-circle {
        border-radius: 50%;
        margin: 10px 0px 0px 15px;
    }

    .line {
        width: 1px;
        height: 30px;
        background: #eeeff4;
        display: inline-block;
        margin: 16px 0px 0px 0px;
    }

    .admin > ul li {
        width: 100%;
        height: 40px;
        display: block;
        line-height: 40px;
    }

    .admin > ul li a {
        color: #555;
    }

    .main {
        width: 1280px;
        min-height: 912px;
        margin: 0 auto;

    }

    .maxmain {
        padding: 6px 15px 15px 15px;
        background: #fff;
    }

    .xytit {
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #e9e9e9;
        font-size: 16px;
        margin: 0px 0px 15px 0px;
        color: #4c4c4c;
    }

    .atext {
        font-size: 14px;
        color: #4c4c4c;
        padding: 0px;
        margin: 0px;
    }

    .qtext {
        font-size: 14px;
        color: #666;
        line-height: 28px;
    }

    .abg, .qbg {
        width: 18px;
        height: 18px;
        display: block;
        color: #fff;
        background: #4298c1;
        text-align: center;
        border-radius: 4px;
        line-height: 18px;
        margin: 0px 0px 0px 10px;
    }

    .qbg {
        background: #00c7f2;
    }

    .footer {
        background: #4298c1;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
    }

</style>